@charset "utf-8";
/* CSS Document */

#head{
width:100%;
height:50px;
color:white;
background-color:#666666;
}
.headInfo{
float:right;
margin-left:5px;
margin-right:10px;
padding:15px;
}
.headInfo:hover{
background-color:#999999;
}
#logo{
width:15%;
height:50px;
}
.headImg{
width:24px;
height:16px;
border:none;
}
.headSmall{
color:#CCCCCC;
font-size:11px;
}
#head a{
text-decoration:none;
color:white;
}
#headSearch{
position:relative;
margin-top:20px;
width:100%;
height:30px;
}

#searchInput{
position:relative;
left:150px;
width:200px;
padding:3px;
font-size:14px;
border:2px solid gray;
color:gray;
}
#searchImg{
position:relative;
left:150px;
width:25px;
height:25px;
vertical-align:middle;
}
.headSort{
    padding:10px;
    margin:15px;
    color:gray;
    border-bottom:2px solid white;
}
.headSort:hover{
	color:black;
  border-bottom:2px solid gray;
}
#sort{
	display:none;
	position:absolute;
	left:0;
	top:110px;
	z-index:3;
}
#sortUl{
left:0px;
}
#sortUl li a,li div a{
text-decoration:none;
color:gray;
}
ul{
list-style:none;
}
#sortUl li{
padding:12px;
background-color:white;
z-index:2;
}
#sortUl li:hover{
background-color:#CCCCCC;
}
#sortUl li img{
width:25px;
height:25px;
}
a{text-decoration: none;}
#right{
position:fixed;
right:0;
top:160px;
width:30px;
height:100%;
background-color:#666666;
}
#right div{
	width:30px;
	height:20%;
	opacity:5;
}
.rightA{
	margin-top:20px;
}
#contentTop{
position:relative;
left:10%;
top:30px;
width:90%;
height:700px;
overflow:hidden;
}

#goodsPic,#goodsDetail,#goodsComment{
position:absolute;
top:20px;
height:598px;
display:inline-block;
margin-left:5px;
}
#mainShow{
height:80%
}
#goodsPic{
width:40%;	
}
#goodsDetail{
width:30%;	
}
#goodsComment{
width:10%;
}
#goodsDetail{
left:42%;	
}
#goodsComment{
left:74%;
}

#goodsPic img{
width:99%;
height:99%;
}
#listPic li{
list-style:none;
width:65px;
height:70px;
float:left;
margin:2px;
opacity:0.7;
filter:Alpha(opacity=70);
border:2px solid white;
}
#listPic li:hover,.paramSpan:hover{
border:2px solid #999999;
opacity:1;
filter:Alpha(opacity=100);
}
.paramSpan{
margin:3px;
padding:5px;
border:1px solid gray;
border-radius:3px;	
font-size:14px;
}
#goodsName,#goodsDescribe,#goodsNum,#goodsColor,#goodsPrice,#goodsSize{
width:90%;
height:7%;
color:gray;
padding:3px;
}
#goodsPrice{
height:15%;
font-size:26px;	
}
#numInput{
padding:5px;
width:20px;
height:20px;	
text-align:center;
border:1px solid gray;
color:gray;
}
#goodsDescribe{
font-size:12px;	
}
.price{
font-size:14px;	
}
#oldPrice{
text-decoration:line-through;	
}
.buySpan{
padding:15px;
line-height:50px;
margin:15px;
color:#333;
opacity:0.7;
filter:Alpha(opacity=70);
}
.buySpan img{
	width:20px;
	height:20px;
}
.buySpan:hover{
	opacity:1;
	filter:Alpha(opacity=70);
}
.commentSpan{
padding:5px;	

}
.block{
display:block;	
color:gray;
}

#contentBottomUl{
list-style:none;	
height:50px;
}
#contentBottomUl li{
	text-align:center;
	margin:10px;
	padding:5px;
	width:100px;
	float:left;
}
#contentBottomUlfirst{
	border-bottom:2px solid red;
}
#contentBottom{
position:absolute;
top:860px;	
width:100%;
height:700px;
}
.bottom{
position:absolute;
top:80px;
left:2%;
height:90%;
width:90%;
display:none;
}
.bottom img{
	width:800px;
	height:100%;
}
#detail{
display:block;

}
.yes{
display:none;
}
#add,#reduce{
border:1px solid gray;
}





















	}